<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link href="framework/font-awesome-4.7.0/css/font-awesome.min.css" rel="stylesheet">
    <link href="framework/reset.css" rel="stylesheet">
    <link href="css/businessInfo.css" rel="stylesheet">
    <title>饿了么 商家信息</title>
    <title>Title</title>
</head>
<body>
<div class="wrapper">
    <!-- header部分 -->
    <header>
        <i class="fa fa-angle-left" onclick="location.href='businessList.html'"></i>
        <p>商家信息</p>
    </header>

    <div class="blank1"></div>

    <!-- 商家logo部分 -->
    <div class="business-logo">
        <img src="https://img.meituan.net/600.600/msmerchant/3b39d5d539c904a76139311a77c9261e435542.jpg@220w_125h_1e_1c">

    </div>

    <!-- 商家信息部分 -->
    <div class="business-info">
        <h1>泰国海鲜火锅（翠湖店）</h1>
        <p>&#165;30起送 配送&#165;15</p>
        <p>经济实惠，火锅外卖</p>
    </div>

    <!-- 食品列表部分 -->
    <ul class="food">
        <li>
            <div class="food-left">
                <img src="https://p0.meituan.net/208.126/deal/9becb6303c19967cdd2cc950a3d522951042594.jpg@100w_100h_1e_1c">
                <div class="food-left-info">
                    <h3>2-3人火锅套餐1</h3>
                    <p>热销第一</p>
                    <p>&#165;78</p>
                </div>
            </div>
            <div class="food-right">
                <div>
                    <i class="fa fa-minus-circle"></i>
                </div>
                <p><span>1</span></p>
                <div>
                    <i class="fa fa-plus-circle"></i>
                </div>
            </div>
        </li>
        <li>
            <div class="food-left">
                <img src="https://p0.meituan.net/208.126/deal/70d11f04a9c551416ffbcedd8e0da75b2122710.jpg@100w_100h_1e_1c">
                <div class="food-left-info">
                    <h3>4-5人火锅套餐1</h3>
                    <p>店长推荐</p>
                    <p>&#165;239</p>
                </div>
            </div>
            <div class="food-right">
                <div>
                </div>
                <p></p>
                <div>
                    <i class="fa fa-plus-circle"></i>
                </div>
            </div>
        </li>
        <li>
            <div class="food-left">
                <img src="https://p0.meituan.net/208.126/deal/13027b77beef9481b97576bad648194c2026867.jpg@100w_100h_1e_1c">
                <div class="food-left-info">
                    <h3>2-3人火锅套餐2</h3>
                    <p>经济实惠！</p>
                    <p>&#165;56</p>
                </div>
            </div>
            <div class="food-right">
                <div>
                </div>
                <p></p>
                <div>
                    <i class="fa fa-plus-circle"></i>
                </div>
            </div>
        </li>
        <li>
            <div class="food-left">
                <img src="https://p0.meituan.net/208.126/deal/8405b25299d710225233f2cd2bdb5a90123035.jpg@100w_100h_1e_1c">
                <div class="food-left-info">
                    <h3>4-5人小吃</h3>
                    <p>朋友聚餐必点</p>
                    <p>&#165;78</p>
                </div>
            </div>
            <div class="food-right">
                <div>
                    <i class="fa fa-minus-circle"></i>
                </div>
                <p><span>3</span></p>
                <div>
                    <i class="fa fa-plus-circle"></i>
                </div>
            </div>
        </li>
        <li>
            <div class="food-left">
                <img src="https://p0.meituan.net/dealwatera/51a598de0bd708fb562ff4e2928e50cf150986.jpg@130w_130h_1e_1c">
                <div class="food-left-info">
                    <h3>泰式火锅</h3>
                    <p>酸酸辣辣，我好喜欢！</p>
                    <p>&#165;150</p>
                </div>
            </div>
            <div class="food-right">
                <div>
                </div>
                <p></p>
                <div>
                    <i class="fa fa-plus-circle"></i>
                </div>
            </div>
        </li>
        <li>
            <div class="food-left">
                <img src="https://p1.meituan.net/wmproduct/f42809f350e4c4b4660069a694e71618116245.jpg@130w_130h_1e_1c">
                <div class="food-left-info">
                    <h3>蘸碟</h3>
                    <p>油碟、麻酱应有尽有</p>
                    <p>&#165;7</p>
                </div>
            </div>
            <div class="food-right">
                <div>
                    <i class="fa fa-minus-circle"></i>
                </div>
                <p><span>5</span></p>
                <div>
                    <i class="fa fa-plus-circle"></i>
                </div>
            </div>
        </li>
        <li>
            <div class="food-left">
                <img src="https://p0.meituan.net/orderdishpic/d0f3e15d82a04d7350ad93dda4559c3951243.jpg@130w_130h_1e_1c">
                <div class="food-left-info">
                    <h3>虾滑</h3>
                    <p>一下就划到你的心里</p>
                    <p>&#165;40</p>
                </div>
            </div>
            <div class="food-right">
                <div>
                    <i class="fa fa-minus-circle"></i>
                </div>
                <p><span>1</span></p>
                <div>
                    <i class="fa fa-plus-circle"></i>
                </div>
            </div>
        </li>
        <li>
            <div class="food-left">
                <img src="https://p1.meituan.net/shaitu/d6ed395c5295ad5bafe37d94ae4fcce061514.jpg@130w_130h_1e_1c">
                <div class="food-left-info">
                    <h3>拿破仑酥</h3>
                    <p>美味小蛋糕</p>
                    <p>&#165;18</p>
                </div>
            </div>
            <div class="food-right">
                <div>
                    <i class="fa fa-minus-circle"></i>
                </div>
                <p><span>1</span></p>
                <div>
                    <i class="fa fa-plus-circle"></i>
                </div>
            </div>
        </li>
    </ul>

    <div class="blank2"></div>

    <!-- 购物车部分 -->
    <div class="cart">
        <div class="cart-left">
            <div class="cart-left-icon">
                <i class="fa fa-shopping-cart"></i>
                <div class="cart-left-icon-quantity">11</div>
            </div>
            <div class="cart-left-info">
                <p>&#165;405</p>
                <p>另需配送费30元</p>
            </div>
        </div>
        <div class="cart-right">
            <!-- 不够起送费 -->
            <!--
            <div class="cart-right-delivery">
                &#165;30起送
            </div>
            -->
            <!-- 达到起送费 -->
            <div class="cart-right-delivery" onclick="location.href='order.html'">去结算</div>
        </div>
    </div>
</div>
</body>
</html>